<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#sub-window{
				width: 100%;
				height: 500px;
			}
		</style>
	</head>

	<body>
		<h1>百度首页</h1>
		<button id="btn">获取子窗口中的数据</button>
		<iframe id="sub-window" src="http://www.baidu.com"></iframe>
		
		<script>		
			let sub = document.getElementById('sub-window')
			let btn = document.getElementById('btn')

			/*
				主页面只能访问 域名相同的iframe页面中的元素
			*/
			btn.onclick = e => {
				let subTitle = sub.contentWindow.document.getElementById('lg')
				console.log(subTitle) //报错：阻止一个框架与起源“http://127.0.0.1:8020”访问跨源框架。
			}
		</script>
	</body>
	
</html>